//封装个整体函数
$(function () {
  //需求一:
  //点击事件 点击a链接 隐藏盒子
  $(".loginbox a").on("click", function () {
    // loginbox 隐藏 另一个显示
    $(".loginbox").hide();
    $(".registerbox").show();
  });
  $(".registerbox a").on("click", function () {
    // loginbox 隐藏 另一个显示
    $(".registerbox").hide();
    $(".loginbox").show();
  });
  //需求二:
  let form = layui.form;
  form.verify({
    pwd: [/^[\S]{6,15}$/, "密码的长度为6-15个字符,且不能包含空格"],
    repwd: function (value) {
      let pwd = $(".registerbox [name=password]").val();
      if (value !== pwd) {
        return "输入的两次密码不一致";
      }
    },
  });
  //需求三:注册
  let layer = layui.layer;
  $("#form-reg").on("submit", function (e) {
    alert(1);
    e.preventDefault();
    axios({
      method: "POST",
      url: "http://api-breakingnews-web.itheima.net/api/reguser",
      data: $("#form-reg").serialize(),
    }).then((res) => {
      if (res.data.status !== 0) {
        return layer.msg(res.data.message);
      }
      //注册成功给提示
      layer.msg("恭喜您,注册成功");
      $("#form-reg")[0].reset();
      $(".registerbox a").click();
    });
  });
  //需求四:登录
  $("#form-login").on("submit", function (e) {
    e.preventDefault();
    axios({
      method: "POST",
      url: "http://api-breakingnews-web.itheima.net/api/login",
      data: $("#form-login").serialize(),
    }).then((res) => {
      let obj = res.data;
      if (obj.status != 0) {
        return layer.msg(obj.message);
      }
      //注册成功给提示
      layer.msg("恭喜您,注册成功");
      location.href = "/index.html";
      localStorage.setItem("token", obj.token);
    });
  });
});
